<!-- 房产知识内容子组件 -->
<template>
  <div class="knowledge_item">
    <p>{{title}}</p>
    <div class="linkBox">
      <a href="javascript:;" v-for="(item,index) in list" :key="index">{{item}}</a>
    </div>
  </div>
</template>

<script>
import { defineComponent } from 'vue'
export default defineComponent({
  props: {
    title: {
      typeof: String,
      default: ''
    },
    list: {
      typeof: Array,
      default: []
    }
  }
})
</script>

<style lang='less' scoped>
.knowledge_item {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 14px 0 14px 19px;
  flex: 4;
  height: 261px;
  margin-right: 15px;
  box-sizing: border-box;
  border: 1px solid #ededed;
  p {
    font-family: 'HarmonyOS Sans SC';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: #333333;
  }
  .linkBox {
    display: flex;
    flex-wrap: wrap;
    a {
      margin-top: 16px;
      margin-right: 14px;
      font-family: 'HarmonyOS Sans SC';
      font-style: normal;
      font-weight: 400;
      font-size: 12px;
      line-height: 14px;
      color: #666666;
    }
  }
}
</style>
